<template>
	<view class="page consultation_details_page">
		<view class="details_group">
			<view class="details_item">
				<view class="item_title">
					姓名
				</view>
				<view class="item_text">
					王小五
				</view>
			</view>
			<view class="details_item">
				<view class="item_title">
					年龄
				</view>
				<view class="item_text">
					28岁
				</view>
			</view>
			<view class="details_item">
				<view class="item_title">
					身高
				</view>
				<view class="item_text">
					175Cm
				</view>
			</view>
			<view class="details_item">
				<view class="item_title">
					体重
				</view>
				<view class="item_text">
					70Kg
				</view>
			</view>
		</view>
		<view class="details_group">
			<view class="details_item">
				<view class="item_title">
					发病时间
				</view>
				<view class="item_text">
					2024-06-02 11:30
				</view>
			</view>
		</view>
		<view class="details_group">
			<view class="details_item block">
				<view class="item_title">
					您觉得现在最主要的不适是什么，请详细描述下？
				</view>
				<view class="item_text">
					<div class="textarea">
						头痛，一晃头疼躺下也会头晕目眩，眼眶也有点疼两侧太阳穴附近疼
					</div>
				</view>
			</view>
			<view class="details_item block">
				<view class="item_title">
					您发病的时候，伴随那些其他的不适？
				</view>
				<view class="item_text">
					<div class="textarea">
						头痛，一晃头疼躺下也会头晕目眩，眼眶也有点疼两侧太阳穴附近疼
					</div>
				</view>
			</view>
		</view>
		<view class="details_group">
			<view class="details_item block">
				<view class="item_title">
					本次生病是否去医院就诊过？哪家机构？
				</view>
				<view class="item_text">
					<div class="radio_group">
						<radio-group @change="radioChange">
							<label v-for="(item, index) in typeList" :key="item.value">
								<view class="radio_item">
									<radio class="radio" :value="item.value" color="#3B6CFE" :checked="item.value === 0" />
									<view>{{item.text}}</view>
									<view class="textarea" v-if="item.value == 0">淄博市中心医院</view>
								</view>
							</label>
						</radio-group>
					</div>
				</view>
			</view>
			<view class="details_item block">
				<view class="item_title">
					做了哪些检查和治疗，结果和效果如何？
				</view>
				<view class="item_text">
					<div class="textarea">
						未填写
					</div>
				</view>
			</view>
			<view class="details_item block">
				<view class="item_title">
					当前是否有正在使用的药物
				</view>
				<view class="item_text">
					<div class="radio_group">
						<radio-group @change="radioChange">
							<label v-for="(item, index) in typeList" :key="item.value">
								<view class="radio_item">
									<radio class="radio" :value="item.value" color="#3B6CFE" :checked="item.value === 0" />
									<view>{{item.text}}</view>
								</view>
							</label>
						</radio-group>
					</div>
				</view>
			</view>
			<view class="details_item block">
				<view class="item_title">
					是否有过手术或放化疗等重大疾病治疗经历及慢性病史？
				</view>
				<view class="item_text">
					<div class="radio_group">
						<radio-group @change="radioChange">
							<label v-for="(item, index) in typeList" :key="item.value">
								<view class="radio_item">
									<radio class="radio" :value="item.value" color="#3B6CFE" :checked="item.value === 0" />
									<view>{{item.text}}</view>
								</view>
							</label>
						</radio-group>
					</div>
				</view>
			</view>
			<view class="details_item block">
				<view class="item_title">
					请上传能反应患者病情的相关资料？
				</view>
				<view class="item_text">
					<div class="image_group">
						<image src="../../static/images/doctor_image.png" mode="scaleToFill"></image>
						<image src="../../static/images/doctor_image.png" mode="scaleToFill"></image>
						<image src="../../static/images/doctor_image.png" mode="scaleToFill"></image>
						<image src="../../static/images/doctor_image.png" mode="scaleToFill"></image>
						<image src="../../static/images/doctor_image.png" mode="scaleToFill"></image>
					</div>
				</view>
			</view>
			<view class="details_item block">
				<view class="item_title">
					做了哪些检查和治疗，结果和效果如何？
				</view>
				<view class="item_text">
					<div class="textarea">
						未填写
					</div>
				</view>
			</view>
			<view class="btns">
				申请服务
			</view>
		</view>
	
	</view>
</template>

<script>
	export default {
		name: '',
		data() {
			return {
				typeList: [{
					"value": 0,
					"text": "是"
				}, {
					"value": 1,
					"text": "否"
				}]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.consultation_details_page {
		padding: 0;

		.btns {
			margin: 60rpx auto;
			padding: 40rpx 0;
		}

		.details_group {
			padding: 20rpx;
			background-color: #FFF;
			margin-bottom: 30rpx;

			.details_item {
				padding: 20rpx;
				border: bottom;
				border-bottom: 1px solid #eee;
				display: flex;
				align-items: center;
				justify-content: space-between;

				&.block {
					display: block;
					border: none;

					.item_text {
						margin-top: 20rpx;
					}

				}

				&:first-child {
					padding-top: 0;
				}

				&:last-child {
					border: none;
					padding-bottom: 0;
				}

				.item_title {
					font-size: 28rpx;
					color: #999999;
				}

				.item_text {
					font-size: 28rpx;
					color: #333333;

					.image_group {
						display: flex;
						align-items: center;
						flex-wrap: wrap;

						image {
							flex: 0 0 130rpx;
							margin-right: 10rpx;
							margin-bottom: 10rpx;
							width: 120rpx;
							height: 120rpx;
						}
					}

					.textarea {
						padding: 20rpx;
						background: #F8FAFB;
						border-radius: 10rpx;
					}

					.radio_group {
						.radio_item {
							display: flex;
							align-items: center;
							padding: 10rpx 0;

							.radio {
								transform: scale(0.7)
							}

							.radio_item_text {
								padding: 10rpx 20rpx;

							}
						}
					}
				}
			}
		}
	}
</style>